<!-- 收银台 -->
<template>
	<view class="pay-method-wrap">
		<view class="u-flex-col u-col-center money-box" v-if="orderDetail.total_fee && total_fee">
			<text class="time" v-show="isCountDown">{{ timeText }}</text>
			<view class="money">{{ orderDetail.total_fee }}</view>
		</view>
		
		<view class="u-flex-col u-col-center money-box" v-if="orderDetail.towtotal_fee && !total_fee">
			<text class="time" v-show="isCountDown">{{ timeText }}</text>
			<view class="money">{{ orderDetail.towtotal_fee }}</view>
		</view>

		<!-- 支付方式单选项 -->
		<u-radio-group v-if="payment" class="pay-box" v-model="payType" active-color="#f0c785">
			<view v-show="orderDetail.ext_arr && orderDetail.ext_arr.pickgoods_card_id>0">
				<!-- 提货卡支付 -->
				<view class="u-flex u-row-between pay-item" @tap="payType = 'delivery_card'">
					<view class="u-flex">
						<image class="pay-img" :src="$IMG_URL + '/imgs/order/order_wallet_pay.png'" mode=""></image>
						<text>提货卡支付</text>
					</view>
					<u-radio shape="circle" name="delivery_card"></u-radio>
				</view>
			</view>

			<view v-show="!orderDetail.ext_arr || !orderDetail.ext_arr.pickgoods_card_id">
				<!-- 微信支付 -->
				<view class="u-flex u-row-between pay-item" v-show="payment.includes('wechat')"
					@tap="payType = 'wechat'">
					<view class="u-flex">
						<image class="pay-img" :src="$IMG_URL + '/imgs/order/order_wx_pay.png'" mode=""></image>
						<text>微信支付</text>
					</view>
					<u-radio shape="circle" name="wechat" @change="butie(orderDetail.id,3)"></u-radio>
				</view>
				<!-- 支付宝支付 -->
				<view class="u-flex u-row-between pay-item" v-show="payment.includes('alipay')"
					@tap="payType = 'alipay'">
					<view class="u-flex">
						<image class="pay-img" :src="$IMG_URL + '/imgs/order/order_ali_pay.png'" mode=""></image>
						<text>支付宝支付</text>
					</view>
					<u-radio shape="circle" name="alipay"></u-radio>
				</view>
				<!-- 苹果支付 -->
				<view class="u-flex u-row-between pay-item" v-show="payment.includes('iospay') && appPlatfrom === 'ios'"
					@tap="payType = 'iospay'">
					<view class="u-flex">
						<image class="pay-img" :src="$IMG_URL + '/imgs/order/order_apple_pay.png'" mode=""></image>
						<text>ApplePay</text>
					</view>
					<u-radio shape="circle" name="iospay"></u-radio>
				</view>
				<!-- 余额支付 -->
				<view class="u-flex u-row-between pay-item" v-show="payment.includes('wallet')"
					@tap="payType = 'wallet'">
					<view class="u-flex">
						<image class="pay-img" :src="$IMG_URL + '/imgs/order/order_wallet_pay.png'" mode=""></image>
						<text>余额支付</text>
					</view>
					<u-radio shape="circle" name="wallet" @change="butie(orderDetail.id,2)"></u-radio>
				</view>
				
				<view class="u-flex u-row-between pay-item" v-show="payment.includes('wallet')"
					@tap="payType = 'score_wallet'">
					<view class="u-flex">
						<image class="pay-img" :src="$IMG_URL + '/imgs/order/order_wallet_pay.png'" mode=""></image>
						<text>余额+积分</text>
					</view>
					<u-radio shape="circle" name="score_wallet" @change="butie(orderDetail.id,5)"></u-radio>
				</view>
				
				
				
				<view class="u-flex u-row-between pay-item" @tap="payType = 'score'">
					<view class="u-flex">
						<image class="pay-img" :src="$IMG_URL + '/imgs/order/order_wallet_pay.png'" mode=""></image>
						<text>微信+积分</text>
					</view>
					<u-radio shape="circle" name="score" @change="butie(orderDetail.id,4)"></u-radio>
				</view>
				
				<view class="u-flex u-row-between pay-item" @tap="payType = 'butie'">
					<view class="u-flex">
						<image class="pay-img" :src="$IMG_URL + '/imgs/order/order_wallet_pay.png'" mode=""></image>
						<text>微信+补贴兑换</text>
					</view>
					<u-radio shape="circle" name="butie" @change="butie(orderDetail.id,1)"></u-radio>
				</view>
				
				<view class="u-flex u-row-between pay-item" v-show="payment.includes('wallet')"
					@tap="payType = 'butie_wallet'">
					<view class="u-flex">
						<image class="pay-img" :src="$IMG_URL + '/imgs/order/order_wallet_pay.png'" mode=""></image>
						<text>余额+补贴</text>
					</view>
					<u-radio shape="circle" name="butie_wallet" @change="butie(orderDetail.id,1)"></u-radio>
				</view>
				<!-- 银行卡支付 -->
				<view class="u-flex u-row-between pay-item" @tap="payType = 'bankcard'; selectBankpay()" style="display:none">
					<view class="u-flex">
						<image class="pay-img" :src="$IMG_URL + '/imgs/wallet/bank_type.png'" mode=""></image>
						<text>银行卡支付</text>
					</view>
					<u-radio shape="circle" name="bankcard"></u-radio>
				</view>
				<!-- 汇聚支付 -->
				<view class="u-flex u-row-between pay-item" v-show="isNotInApp && payment.includes('joinpay')"
					@tap="payType = 'joinpay-wx'">
					<view class="u-flex">
						<image class="pay-img" :src="$IMG_URL + '/imgs/order/order_wallet_pay.png'" mode=""></image>
						<text>汇聚支付 - 微信</text>
					</view>
					<u-radio shape="circle" name="joinpay-wx"></u-radio>
				</view>
				<view class="u-flex u-row-between pay-item"
					v-show="isNotInApp && payment.includes('joinpay') && appPlatfrom==2" @tap="payType = 'joinpay-ali'">
					<view class="u-flex">
						<image class="pay-img" :src="$IMG_URL + '/imgs/order/order_wallet_pay.png'" mode=""></image>
						<text>汇聚支付 - 支付宝</text>
					</view>
					<u-radio shape="circle" name="joinpay-ali"></u-radio>
				</view>
			</view>
		</u-radio-group>
		<!-- 提现方式 -->
		<u-popup v-model="showWithdrawList" mode="bottom" safe-area-inset-bottom :closeable="false" border-radius="30">
			<view class="page_box withdraw-modal">
				<view class="modal-head u-flex u-row-between u-col-center"><text class="add_yhk_title"
						@click="showBindForm=true">添加银行卡</text>
					<u-icon name="close" @click="showWithdrawList = false" class="add_close_btn"></u-icon>
				</view>
				<view class="content_box modal-content">
					<u-radio-group v-model="selectedWithdrawType" activeColor="#A36FFF" wrap>
						<view class="type-item u-p-x-24 u-p-y-30" v-for="(item, index) in withdrawList" :key="index">
							<u-radio shape="circle" iconSize="30" :name="item.bind_id" labelWidth="100%">
								<view class="item-left u-flex u-col-center u-m-l-30">
									<text class="item-title u-m-l-20">{{item.bank}}</text>
									<text class="item-title u-m-l-20">{{yhktmtext(item.card_no)}}</text>
								</view>
							</u-radio>
						</view>
					</u-radio-group>
				</view>
				<view class="modal-bottom"><button class="u-reset-button modal-save-btn"
						@tap="onSaveWithdrawType">确定</button></view>
			</view>
		</u-popup>
		<!-- 确认验证码 -->
		<u-popup v-model="showPrepaySms" mode="bottom" safe-area-inset-bottom :closeable="false" border-radius="30">
			<view class="page_box withdraw-modal">
				<view class="modal-head u-flex u-row-between u-col-center"><text class="add_yhk_title">短信验证码</text>
					<u-icon name="close" @click="showPrepaySms = false" class="add_close_btn"></u-icon>
				</view>
				<view class="form-box u-p-20">
					<u-form v-if="payType == 'bankcard'" :model="form.data" :rules="form.bankRules" ref="bank"
						:errorType="errorType">
						<u-form-item :labelStyle="labelStyle" label-width="280" label-position="left" label="短信验证码:"
							prop="smscode">
							<view style="display: flex;">
								<view style="flex: 4;">
								<u-input placeholder="请输入验证码" :placeholderStyle="placeholderStyle" maxlength=6
									v-model="prepay_smscode" type="number"></u-input></view>
								<view style="flex: 3;">
									<u-button size="mini" :custom-style="{width: '150rpx'}" @tap="getPaySmsCode">{{ prepayCodeText }}</u-button>
								</view>
							</view>
						</u-form-item>
					</u-form>
				</view>
				<view class="modal-bottom"><button class="u-reset-button modal-save-btn"
						@tap="onPrepaySubmit">确定</button></view>
			</view>
		</u-popup>
		<!-- 绑定修改银行信息 -->
		<u-popup v-model="showBindForm" mode="bottom" safe-area-inset-bottom @close="initForm" :closeable="false"
			border-radius="30">
			<!-- 标题 -->
			<view class="form-box u-p-20">
				<view class="head-title u-flex u-col-center u-row-center">{{ formTitle }}</view>
				<!-- 绑定银行卡 -->
				<u-form v-if="payType == 'bankcard'" :model="form.data" :rules="form.bankRules" ref="bank"
					:errorType="errorType">
					<u-form-item :labelStyle="labelStyle" label-width="280" label-position="left" label="持卡人姓名:"
						prop="payer_name">
						<u-input placeholder="请输入持卡人姓名" :placeholderStyle="placeholderStyle"
							v-model="form.data.payer_name" type="text"></u-input>
					</u-form-item>
					<u-form-item :labelStyle="labelStyle" label-width="280" label-position="left" label="身份证号:"
						prop="idcard_no">
						<u-input placeholder="请输入持卡人身份证号码" :placeholderStyle="placeholderStyle"
							v-model="form.data.idcard_no" type="text"></u-input>
					</u-form-item>
					<u-form-item :labelStyle="labelStyle" label-position="left" label="银行卡号:" prop="card_no"
						label-width="280">
						<u-input placeholder="请输入银行卡号" :placeholderStyle="placeholderStyle" v-model="form.data.card_no"
							type="text"></u-input>
					</u-form-item>

					<u-form-item :labelStyle="labelStyle" label-position="left" label="是否信用卡:" prop="card_no"
						label-width="280">
						<u-switch v-model="is_cc"></u-switch>
					</u-form-item>


					<u-form-item :labelStyle="labelStyle" label-position="left" label="信用卡有效期年份:" prop="year"
						label-width="280" v-if="is_cc">
						<u-input placeholder="请输入年份" maxlength=2 :placeholderStyle="placeholderStyle"
							v-model="form.data.year" type="text"></u-input>
					</u-form-item>
					<u-form-item :labelStyle="labelStyle" label-position="left" label="信用卡有效期月份:" prop="month"
						label-width="280" v-if="is_cc">
						<u-input placeholder="请输入月份" maxlength=2 :placeholderStyle="placeholderStyle"
							v-model="form.data.month" type="text"></u-input>
					</u-form-item>
					<u-form-item :labelStyle="labelStyle" label-position="left" label="信用卡CVV码:" prop="cvv2"
						label-width="280" v-if="is_cc">
						<u-input placeholder="请输入信用卡CVV码" maxlength=3 :placeholderStyle="placeholderStyle"
							v-model="form.data.cvv2" type="text"></u-input>
					</u-form-item>
					<u-form-item :labelStyle="labelStyle" label-width="280" label-position="left" label="银行预留手机号码:"
						prop="bank_name">
						<u-input @click="bankSelectPre" placeholder="请输入银行预留手机号码"
							:placeholderStyle="placeholderStyle" v-model="form.data.phone" type="text"></u-input>
					</u-form-item>
					<u-form-item :labelStyle="labelStyle" label-width="280" label-position="left" label="短信验证码:"
						prop="smscode">
						<view style="display: flex;">
							<view style="flex: 4;">
							<u-input placeholder="请输入验证码" :placeholderStyle="placeholderStyle" maxlength=6
								v-model="form.data.smscode" type="number"></u-input></view>
							<view style="flex: 3;">
								<u-button size="mini" :custom-style="{width: '150rpx'}" @tap="getBindSmsCode('bindcard')">{{ codeText }}</u-button>
							</view>
						</view>
					</u-form-item>
				</u-form>
				<view class="u-flex u-col-center u-row-between">
					<button class="u-reset-button form-save-btn u-m-y-40" @tap="saveForm">确定</button>
					<button class="u-reset-button form-cancel-btn u-m-y-40" @tap="showBindForm = false">取消</button>
				</view>
			</view>
		</u-popup>

		<button class="u-reset-button pay-btn" @tap="confirmPay" v-show="total_fee">确认支付 ￥{{ orderDetail.total_fee || '0.00' }}</button>
		<button class="u-reset-button pay-btn" @tap="confirmPay" v-show="!total_fee">确认支付 ￥{{ orderDetail.towtotal_fee || '0.00' }}</button>
		<!-- 登录提示 -->
		<shopro-auth-modal></shopro-auth-modal>

		<!-- 密码键盘 -->
		<pwd-keyboard v-if="iSPwdKeyboard" title="安全键盘" @success="walletPay" />
		
		<!-- 公用验证码倒计时，防止恶意请求短信验证 -->
		<u-verification-code changeText="Xs" seconds="30" ref="uCode" @change="codeChange"></u-verification-code>
		
		<!-- 预支付短信验证码 -->
		<u-verification-code changeText="Xs" seconds="30" ref="upayCode" @change="payCodeChange"></u-verification-code>
	</view>
</template>

<script>
	import Pay from '@/shopro/pay';
	import pwdKeyboard from '../components/pwd-keyboard'
	import FormValidate from '@/shopro/validate/form';
	import withdraw from '../../user/wallet/withdraw.vue'
	import {
		mapMutations,
		mapActions,
		mapState
	} from 'vuex';
	let timer;
	export default {
		components: {
			pwdKeyboard,
			withdraw
		},
		data() {
			return {
				payType: '', //支付方式
				isCountDown: true, //是否显示订单倒计时。
				orderDetail: {},
				timeText: '', //倒计时文本
				platform: this.$platform.get(),
				appPlatfrom: '',
				iSPwdKeyboard: false, // 密码键盘,
				isNotInApp: true,
				showBindForm: false,
				formTitle: '添加银行卡信息',
				is_cc: false,
				codeText: '获取验证码',
				form: {
					canGetCode: false,
					data: {
						payer_name: '',
						idcard_no: '',
						card_no: '',
						year: '',
						month: '',
						cvv2: '',
						phone: '',
						smscode: '',
					},
					bankRules: {
						real_name: FormValidate.realName,
						id_number: FormValidate.idNumber,
						bank_name: FormValidate.bankName,
						card_no: FormValidate.bankCode
					},
					alipayRules: {
						real_name: FormValidate.realName,
						card_no: FormValidate.alipayAccount
					}
				},
				errorType: ['message'],
				// 表单样式
				errorType: ['message'],
				labelStyle: {
					'font-size': '30rpx',
					'font-weight': '500',
					color: '#333'
				},
				placeholderStyle: 'font-size: 30rpx; font-weight: 500;color:#C2C7CF;',
				bankSelect: {
					show: false,
					default: [0],
					columns: [],
				},
				region_params: {
					province: true,
					city: true,
					area: false
				},
				region_show: false,
				showWithdrawList: false,
				selectedWithdrawType: '',
				withdrawList: [],
				showPrepaySms: false,
				total_fee  :true, 
				prepay_smscode: '',
				prepayCodeText: '获取验证码',
				pay_order_no: '',
			};
		},
		computed: {
			...mapState({
				payment: ({
					shopro
				}) => shopro.config.payment
			})
		},
		onShow() {
			this.orderDetail.id && this.countDown();
		},
		onLoad() {
			// #ifdef APP-PLUS
			this.isNotInApp = false;
			// #endif
			if (this.$platform.get() === 'wxOfficialAccount' && this.$platform.device() === 'ios' && this.$platform
				.entry() !== location.href) location.reload();
			this.getOrderDetail();
			if (this.payment.length) {
				this.payType = this.payment[0];
			};
		},
		onHide() {
			clearInterval(timer);
			timer = null;
		},
		watch: {
			payType() {
				if (this.payType == 'bankcard') {
					this.$http('order.helibaoBindcardList').then(res => {
						console.log(res.data);
						this.withdrawList = res.data;
					})
					this.showWithdrawList = true
				} else {
					this.showWithdrawList = false
				}
			}
		},
		methods: {
			// 倒计时
			codeChange(e, type) {
				this.codeText = e;
			},
			payCodeChange(e, type) {
				this.prepayCodeText = e;
			},
			butie(id,type){
				let that = this;
				if(type == 1 || type==4 || type == 5){
					that.$http('order.jsbt', {
						id: id,
						type:type
					}).then(res => {
						if (res.code === 1) {
							that.orderDetail.towtotal_fee = res.data;
							that.total_fee    = false;
						}
					});
				}else{

					that.total_fee    = true;
				}
				
			},
			selectBankpay(){
				this.$http('order.helibaoBindcardList').then(res => {
					console.log(res.data);
					this.withdrawList = res.data;
				})
				this.showWithdrawList = true
			},
			
			// 银行卡号脱敏处理
			yhktmtext(text) {
				if(text){
					return text.replace(/^(.{4})(?:\d+)(.{4})$/, "$1 **** **** $2");
				}
				return '';
			},
			...mapActions(['getUserInfo', 'showAuthModal', 'logout']),
			// 倒计时
			countDown() {
				let that = this;
				let t = parseInt(that.orderDetail.ext_arr.expired_time * 1000) - parseInt(new Date().getTime());
				t = t / 1000;
				timer = setInterval(() => {
					if (t > 0) {
						let time = that.$tools.format(t);
						that.timeText = `支付剩余时间 ${time.m}:${time.s}`;
						t--;
					} else {
						clearInterval(timer);
						that.timeText = '订单已过期!';
					}
				}, 1000);
			},

			checkRegion(obj) {
				this.form.data.province = obj.province.label;
				this.form.data.city = obj.city.label;
			},

			// 发起支付
			confirmPay() {
				let that = this;
				let pay = null;
				if (!that.payType) {
					this.$u.toast('请选择支付方式');
					return;
				}
				if (that.payType === 'wallet' || that.payType === 'delivery_card' || that.payType ==="score_wallet" || that.payType ==="butie_wallet") {
					if(that.payType == "score_wallet"){
						that.payType = "wallet";
						that.orderDetail.pay_type = 'score_wallet'
					}else if(that.payType == "butie_wallet"){
						that.payType = "wallet";
						that.orderDetail.pay_type = 'butie_wallet'
					}
					this.$http('user.info').then(res => {
						if (!res.data.pay_pwd || res.data.pay_pwd.length == 0) {
							that.showAuthModal('setPayPwd')
						} else {
							that.iSPwdKeyboard = true
						}
					})
				} else {
					if(that.payType == "butie"){
						that.payType = "wechat";
						that.orderDetail.pay_type = 'butie'
					}else if(that.payType == "score"){
						that.payType = "wechat";
						that.orderDetail.pay_type = 'score'
					}
	
					pay = new Pay(that.payType, that.orderDetail);
				}
			},

			// 余额支付
			walletPay(paypwd) {
				this.iSPwdKeyboard = false
				new Pay(this.payType, this.orderDetail, paypwd);
			},

			initForm() {
				this.form.data = {
					real_name: '',
					id_number: '',
					bank_name: '',
					card_no: ''
				};
			},

			async bankSelectPre() {
				for (const i in this.bankSelect.columns) {
					const item = this.bankSelect.columns[i];
					if (item.label === this.form.data.bank_name) this.bankSelect.default = [Number(i)];
				}
				this.bankSelect.show = true;
			},

			// 支付信息
			getOrderDetail() {
				let that = this;
				that.$http('order.detail', {
					id: that.$Route.query.orderId
				}).then(res => {
					if (res.code === 1) {
						that.orderDetail = res.data;
						if (res.data.ext_arr !== null) {
							if (res.data.ext_arr.pickgoods_card_id > 0) {
								that.payType = 'delivery_card'
							}
							that.countDown();
						} else {
							that.isCountDown = false;
						}
					}
				});
			},
			
			// 获取绑卡短信验证码
			getBindSmsCode(type) {
				let that = this;
				if(this.$refs.uCode.canGetCode) {
					// 模拟向后端请求验证码
					uni.showLoading({
						title: '正在获取验证码'
					})
					that.$http(
						'order.helibaoBindcardSms', this.form.data, '获取验证码中...'
					).then(res => {
						if (res.ret === 0) {
							this.$refs.uCode.start();
							that.$u.toast('验证码已发送，请注意查收短信');
						} else {
							that.$u.toast(res.msg);
						}
					});
				} else {
					this.$u.toast('倒计时结束后再发送');
				}
			},

			saveForm() {
				let that = this;
				// 绑卡
				uni.showLoading({
					title: '验证中，请稍候...'
				})
				that.$http(
					'order.helibaoBindcard', this.form.data, '信息提交中...'
				).then(res => {
					that.$u.toast(res.msg);
					if (res.ret === 0) {
						that.showBindForm = false;
						that.$http('order.helibaoBindcardList').then(res => {
							console.log(res.data);
							that.withdrawList = res.data;
						})
						that.showWithdrawList = true
					}
				});
			}, 
			
			onSaveWithdrawType() {
				let that = this;
				console.log(this.selectedWithdrawType);
				that.$http(
					'order.helibaoPrepay', {
						bind_id: that.selectedWithdrawType,
						order_sn: that.orderDetail.order_sn
					}, '信息提交中...'
				).then(res => {
					that.$u.toast(res.msg);
					if (res.ret === 0) {
						that.pay_order_no  = res.data.pay_order_no;
						that.showPrepaySms = true;
						that.$refs.upayCode.start();
					}
				});
			},
			
			// 获取绑卡短信验证码
			getPaySmsCode() {
				let that = this;
				if(this.$refs.upayCode.canGetCode) {
					that.$http(
						'order.helibaoPaySms', {
						bind_id: that.selectedWithdrawType,
						pay_order_no: that.pay_order_no
					}, '获取验证码中...'
					).then(res => {
						if (res.ret === 0) {
							this.$refs.upayCode.start();
							that.$u.toast('验证码已发送，请注意查收短信');
						} else {
							that.$u.toast(res.msg);
						}
					});
				} else {
					this.$u.toast('倒计时结束后再发送');
				}
			},
			
			onPrepaySubmit() {
				let that = this;
				that.$http(
					'order.helibaoPay', {
					bind_id: that.selectedWithdrawType,
					pay_order_no: that.pay_order_no,
					smscode: that.prepay_smscode
				}, '支付信息提交中...'
				).then(res => {
					
					that.$u.toast(res.msg);
					res.ret === 0 && that.payResult('success');
				});
			},
			
			payResult(resultType){
				let that = this;
				this.$Router.replace({
					path: '/pages/order/payment/result',
					query: {
						orderId: this.orderDetail.id,
						type: that.payType, //重新支付的时候使用
						payState: resultType
					}
				});
			}
		}
	};
</script>

<style lang="scss">
	.money-box {
		background: #fff;
		height: 250rpx;
		margin-bottom: 20rpx;
		padding-top: 30rpx;

		.time {
			font-size: 28rpx;
			color: #c4c4c4;
		}

		.money {
			color: #e1212b;
			font-size: 60rpx;
			margin-top: 60rpx;

			&::before {
				content: '￥';
				font-size: 46rpx;
			}
		}
	}

	.pay-box {
		.pay-item {
			height: 90rpx;
			padding: 0 30rpx;
			font-size: 26rpx;
			background: #fff;
			width: 750rpx;
			border-bottom: 1rpx solid #eeeeee;

			&:last-child {
				border-bottom: none;
			}

			.pay-img {
				width: 40rpx;
				height: 40rpx;
				margin-right: 25rpx;
			}
		}
	}

	.pay-btn {
		width: 690rpx;
		line-height: 80rpx;
		background: linear-gradient(90deg, rgba(240, 199, 133, 1), rgba(246, 214, 157, 1));
		border-radius: 40rpx;
		color: rgba(#fff, 0.9);
		margin: 100rpx auto 0;
	}

	// 绑定
	.form-box {
		.head-title {
			height: 100rpx;
			font-size: 34rpx;
			font-weight: 600;
		}

		.form-save-btn {
			width: 340rpx;
			height: 80rpx;
			line-height: 80rpx;
			background: linear-gradient(90deg, #a36fff, #5336ff);
			box-shadow: 0 7rpx 11rpx 2rpx rgba(124, 103, 214, 0.34);
			border-radius: 40rpx;
			font-weight: 500;
			color: #ffffff;
		}

		.form-cancel-btn {
			width: 340rpx;
			height: 80rpx;
			line-height: 80rpx;
			border: 1rpx solid #999;
			border-radius: 40rpx;
			font-weight: 500;
			color: #999;
		}
	}

	// 提现费方式
	.withdraw-modal {
		min-height: 600rpx;
		background-color: #fff;

		.modal-head {
			height: 80rpx;
			font-size: 30rpx;
			font-weight: 600;
			color: #333333;
			border-bottom: 1rpx solid rgba(#dfdfdf, 0.5);
		}

		.modal-content {
			.type-item {
				height: 100rpx;
				border-bottom: 1rpx solid rgba(#dfdfdf, 0.5);
				width: 750rpx;

				.item-img {
					width: 36rpx;
					height: 36rpx;
				}

				.item-title {
					font-size: 28rpx;
					color: #333333;
				}
			}
		}

		.modal-bottom {
			padding: 30rpx;

			.modal-save-btn {
				width: 690rpx;
				height: 80rpx;
				line-height: 80rpx;
				background: linear-gradient(90deg, #a36fff, #5336ff);
				box-shadow: 0 7rpx 11rpx 2rpx rgba(124, 103, 214, 0.34);
				border-radius: 40rpx;
				font-weight: 500;
				color: #ffffff;
			}
		}
	}

	.add_yhk_title {
		margin-left: 40rpx;
	}

	.add_close_btn {
		margin-right: 40rpx;
	}
</style>
